.head {
	background-color: #00A869;
	/*background: -webkit-linear-gradient(left, #00A869, #00A869);
	background: -o-linear-gradient(right, #00A869, #00A869);
	background: -moz-linear-gradient(right, #00A869, #00A869);
	background: linear-gradient(to right, #00A869, #00A869);*/
	width: 100%;
	height: 150px;
	padding-top: 40px;
	color: #FFFFFF;
}

.headTitle {
	font-size: 40px;
	font-weight: 500;
	color: #F6F6F9;
	margin-left: 40px;
	transition: color .3s ease;
}

.opButtonSeparator,
.opButton,
.opButtonSeparator:focus,
.opButton:focus {
	padding: 0px 10px 0px 10px;
	font-size: 16px;
	color: #FFFFFF !important;
	cursor: pointer;
	text-decoration: none;
}

.opButtonSeparator {
	border-right: 1px solid #FFFFFF;
}

.headOp {
	position: absolute;
	right: 40px;
}

.body {
	width: 700px;
	margin: 0 auto;
	margin-top: 50px;
}

:global(.labelModal) .opIcon {
	fill: #2FBB78;
	width: 19px;
	height: 19px;
}

:global(.labelModal) .opLabel {
	font-size: 15px;
	color: #2FBB78;
	position: relative;
	left: 12px;
	top: -3px;
}

:global(.homePageContainer .ant-timeline-item-content) {
	padding-left: 40px;
}

:global(.labelModal .ant-input),
:global(.labelModal .ant-btn) {
	border-radius: 0px;
}

:global(.labelModal .ant-modal-body) {
	padding-top: 5px;
	padding-bottom: 15px;
}

@media only screen and (max-width: 500px) {
	
    .head {
        width: 100%;
        height: 100px;
        padding-top: 30px;
    }
    
    .body {
    	width: 100%;
    	margin-top: 11px;
    }
    
    .headTitle {
		font-size: 30px;
		margin-left: 30px;
	}
    
    .opButtonSeparator,
    .opButton {
		position: relative;
		top: 11px;
		left: 20px;
	}
	
	.opButtonCreate {
		display: none;
	}
    
}